
.broadcast_table {
	display:table;
	width:100%;
	border-collapse:collapse;
}

.broadcast_table .row {
	display:table-row;
	background:#DDD;
	color:#555;
}

.broadcast_table .row > div {
	display:table-cell;
	padding:4px;
	background-repeat:no-repeat;
	text-overflow:ellipsis;
	vertical-align:middle;
	border-bottom:1px solid #FFF;
	max-width:400px;
}


.broadcast_table .row .mature {
	font-weight:bold;
	color:#F00 !important;
}


.broadcast_table .header {
	background:#888;
	color:#FFF;
	font-weight:bold;
}

.broadcast_table .live {
	background:#FFF;
	color: #000;
}


.broadcast_table .row .service {
	/*padding:0px !important;*/
	/*background:#888;*/
	text-align:center;
}

.broadcast_table .service > div {
	width:24px;
	height:24px;
	/*margin:1px;*/
	display:inline-block;
}

.broadcast_table .row .service-icon1 {
	background-image: url(service_twitch.png);
}
.broadcast_table .row .service-icon2 {
	background-image: url(service_hitbox.png);
}
.broadcast_table .row .service-icon3 {
	background-image: url(service_youtube.png);
}
.broadcast_table .row .service-icon4 {
	background-image: url(service_beam.png);
}
.broadcast_table .row .service-icon6 {
	background-image: url(service_twitch_gamedev.png);
}


.broadcast_table .row .avatar {
	padding:0px 4px !important;
}
.broadcast_table .row .avatar > img {
	width:24px;
	height:24px;
}

.broadcast_table .live .online {
	font-weight:bold;
}

.broadcast_table .row .mode, .broadcast_table .row .mode_header {
	text-align:center;
}
.broadcast_table .row .viewers, .broadcast_table .row .viewers_header {
	text-align:center;
}
.broadcast_table .row .online, .broadcast_table .row .online_header {
	text-align:center;
	white-space:nowrap;
}
.broadcast_table .row .units, .broadcast_table .row .units_header {
	text-align:right;
	white-space:nowrap;
}
.broadcast_table .row .name, .broadcast_table .row .name_header {
	white-space:nowrap;
}


.broadcast_table .row .service_header, 
.broadcast_table .row .avatar_header {
	text-align:center;
	padding:4px 0px !important;
}


/* http://css-tricks.com/examples/ShapesOfCSS/ */
/* TV Static: http://stackoverflow.com/a/23572465 */
#tv {
	position: relative;
	width: 200px;
	height: 150px;
	margin: 20px 0;
	background-image:url('Static.gif');
	border-radius: 50% / 10%;
	color: white;
	text-align: center;
	text-indent: .1em;
}
#tv:before {
	content: '';
	position: absolute;
	top: 10%;
	bottom: 10%;
	right: -5%;
	left: -5%;
	background: inherit;
	border-radius: 5% / 50%;
}
